<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>h5</title>
		<link rel="stylesheet" href="css/style.css">
	</head>

	<body class="index-bg">
		<div class="page">
			<div class="content">
				<div class="details-title">
					<span class="l">宝贝详情</span>
					<span class="r"><img src="images/list-icon.png"></span>
				</div>
				<div class="details-show">
					<p class="show-img"><img src="images/de1.png"></p>
					<h2 class="details-h2">安卓数据线手机充电器线高速快充适用小米oppo华为vivo通用数据线</h2>
					<p class="details-txt">黑科技，边充边玩！118根镀锡铜线芯，给力芯真提速40%，弯头6倍耐用，365天质量保证，贴心弯头设计，折不断，硅胶材质弯头</p>
					<div class="details-row">
						<div class="details-price">在售价<s>¥28.90</s></div>
						<div class="details-share">分享给朋友</div>
					</div>
					<div class="cls"></div>
					<div class="details-row">
						<div class="details-row-l">
							<span class="details-jian">领券立减20元</span>
							<span class="details-quan">券后¥<b style="font-size:16px;font-weight:bold;">8.9</b></span>
						</div>
						<div class="details-row-r">月销5790</div>
					</div>
					<div class="cls"></div>
					<div class="details-other"><span class="details-yj">佣金2元</span> / <span class="details-cj">超级3元</span></div>
				</div>
				<div class="details-card">
					<img src="images/de2.png">
				</div>
				<div class="details-pro">
					<div class="details-pro-title">
						<span class="l">领券帮助</span>
						<span class="r"><img src="images/arraw-icon.png"></span>
					</div>
					<div class="details-pro-txt">
						<img src="images/de3.png">
					</div>
				</div>
				<div class="details-pro">
					<div class="details-pro-title">
						<span class="l">宝贝详情</span>
						<span class="r"><img src="images/arraw-icon.png"></span>
					</div>
					<div class="details-pro-txt">
						<img src="images/de4.png">
					</div>
				</div>
				<div class="miaosha">
					<div class="quan">
						<div class="quan-title">
							<div class="quan-title-line"><h2>猜你喜欢</h2></div>
						</div>
						<div class="quan-txt">
							<ul>
								<li>
									<div class="quan-inner">
										<div class="quan-txt-img"><img src="images/quan1.png"></div>
										<div class="quan-txt-title">
											<h4>宝宝启蒙认知教育</h4>
											<div class="quan-txt-title-l">
												<span class="quan-txt-be">售价¥22.15</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-af">券后¥2.15</span>
											</div>
											<div class="cls"></div>
											<div class="quan-txt-title-l">
												<span class="quan-txt-ka">20元券</span>
												<span class="quan-txt-nu">月销2000</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-sh">分享</span>
											</div>
											<div class="cls"></div>
										</div>
									</div>
								</li>

								<li>
									<div class="quan-inner">
										<div class="quan-txt-img"><img src="images/quan2.png"></div>
										<div class="quan-txt-title">
											<h4>宝宝启蒙认知教育</h4>
											<div class="quan-txt-title-l">
												<span class="quan-txt-be">售价¥22.15</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-af">券后¥2.15</span>
											</div>
											<div class="cls"></div>
											<div class="quan-txt-title-l">
												<span class="quan-txt-ka">20元券</span>
												<span class="quan-txt-nu">月销2000</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-sh">分享</span>
											</div>
											<div class="cls"></div>
										</div>
									</div>
								</li>

								<li>
									<div class="quan-inner">
										<div class="quan-txt-img"><img src="images/quan1.png"></div>
										<div class="quan-txt-title">
											<h4>宝宝启蒙认知教育</h4>
											<div class="quan-txt-title-l">
												<span class="quan-txt-be">售价¥22.15</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-af">券后¥2.15</span>
											</div>
											<div class="cls"></div>
											<div class="quan-txt-title-l">
												<span class="quan-txt-ka">20元券</span>
												<span class="quan-txt-nu">月销2000</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-sh">分享</span>
											</div>
											<div class="cls"></div>
										</div>
									</div>
								</li>

								<li>
									<div class="quan-inner">
										<div class="quan-txt-img"><img src="images/quan2.png"></div>
										<div class="quan-txt-title">
											<h4>宝宝启蒙认知教育</h4>
											<div class="quan-txt-title-l">
												<span class="quan-txt-be">售价¥22.15</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-af">券后¥2.15</span>
											</div>
											<div class="cls"></div>
											<div class="quan-txt-title-l">
												<span class="quan-txt-ka">20元券</span>
												<span class="quan-txt-nu">月销2000</span>
											</div>
											<div class="quan-txt-title-r">
												<span class="quan-txt-sh">分享</span>
											</div>
											<div class="cls"></div>
										</div>
									</div>
								</li>
							</ul>
							<div class="cls"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="navbar">
				<div class="navbar-home">首页</div>
				<div class="navbar-back"><div class="navbar-line">返回</div></div>
				<div class="navbar-kefu">客服</div>
				<div class="navbar-share"><span>20元券</span>分享给朋友</div>
				<div class="navbar-quan"><span>¥8.9</span>领券购买</div>
			</div>
		</div>
	</body>
</html>